AMP (Accelerated Mobile Pages) ইমেইল বা ওয়েব পেজে যদি কোনও errors বা warnings পাওয়া যায়, তবে সেগুলি সমাধান করা খুবই গুরুত্বপূর্ণ যাতে পেজটি সঠিকভাবে লোড এবং কাজ করে। গুগল AMP এর জন্য নির্দিষ্ট কিছু কৌশল এবং টুলস সরবরাহ করে, যেগুলি AMP পেজ বা ইমেইলে সমস্যাগুলি চিহ্নিত করতে এবং সেগুলি সমাধান করতে সহায়তা করে। নিচে AMP ইরর ও ওয়ার্নিং সমাধানের কিছু সাধারণ পদ্ধতি আলোচনা করা হলো।
AMP Errors সমাধানের উপায়
- AMP HTML Validation Errors:
- সমস্যা: AMP HTML কোডে কিছু সঠিক ট্যাগ বা সিনট্যাক্স ভুল থাকতে পারে, যা AMP স্পেসিফিকেশন অনুযায়ী সঠিক নয়।
সমাধান:
- AMP HTML ফাইলটি গুগলের AMP Validator টুল ব্যবহার করে পরীক্ষা করুন। এটি HTML কোডে কোন সমস্যা আছে তা চিহ্নিত করবে এবং সঠিক সংশোধন প্রস্তাব করবে।
- গুগল AMP স্পেসিফিকেশন অনুযায়ী শুধুমাত্র অনুমোদিত HTML ট্যাগ, অ্যাট্রিবিউট এবং ফিচার ব্যবহার করুন।
- উদাহরণস্বরূপ,
amp-imgএর মতো AMP নির্দিষ্ট ট্যাগ ব্যবহার করতে হবে, এবং এই ট্যাগগুলির জন্য নির্দিষ্ট প্রপার্টি (যেমনwidth,height,src) প্রদান করতে হবে।
AMP Validator টুল: AMP Validator
- Invalid AMP Components:
- সমস্যা: যদি AMP পেজে কোনো ভুল বা অজানা AMP কম্পোনেন্ট (যেমন
<amp-video>,<amp-form>) ব্যবহার করা হয়, তবে এটি AMP পেজের জন্য একটি error তৈরি করবে। - সমাধান:
- AMP ডকুমেন্টেশন অনুযায়ী, আপনি যেসব AMP কম্পোনেন্ট ব্যবহার করছেন, তা সঠিকভাবে অন্তর্ভুক্ত এবং ব্যবহার করছেন কিনা নিশ্চিত করুন।
- AMP কম্পোনেন্টের জন্য সঠিক অ্যাট্রিবিউট, যেমন
layout,width,heightসহ অন্যান্য উপযুক্ত কনফিগারেশন ব্যবহার করুন।
- সমস্যা: যদি AMP পেজে কোনো ভুল বা অজানা AMP কম্পোনেন্ট (যেমন
- Missing AMP JavaScript Library:
- সমস্যা: যদি AMP JS লাইব্রেরি পেজে অন্তর্ভুক্ত না থাকে, তাহলে AMP পেজ সঠিকভাবে কাজ করবে না।
- সমাধান:
AMP পেজে AMP JS লাইব্রেরি সঠিকভাবে অন্তর্ভুক্ত করুন। এটি সাধারণত পেজের
<head>ট্যাগের মধ্যে থাকে:<script async src="https://cdn.ampproject.org/v0.js"></script>
- AMP HTML Tag Structure Issues:
- সমস্যা: AMP পেজে কিছু HTML ট্যাগের সঠিক গঠন নাও থাকতে পারে, যেমন ভুলভাবে ইনক্লুড করা
<script>বা<style>ট্যাগ। - সমাধান:
- AMP ডকুমেন্টে শুধুমাত্র সঠিক এবং অনুমোদিত ট্যাগগুলিই ব্যবহার করুন। উদাহরণস্বরূপ,
amp-scriptবাamp-styleট্যাগ সঠিকভাবে ব্যবহৃত হতে হবে। - শুধু
amp-customস্টাইলশিট ব্যবহার করতে হবে এবং ৫০ কিলোবাইটের কম হতে হবে।
- AMP ডকুমেন্টে শুধুমাত্র সঠিক এবং অনুমোদিত ট্যাগগুলিই ব্যবহার করুন। উদাহরণস্বরূপ,
- সমস্যা: AMP পেজে কিছু HTML ট্যাগের সঠিক গঠন নাও থাকতে পারে, যেমন ভুলভাবে ইনক্লুড করা
- AMP Cache Issues:
- সমস্যা: AMP পেজের ক্যাশে সমস্যা হতে পারে, যা পেজের সঠিক প্রদর্শন বা লোডিং সময় প্রভাবিত করে।
- সমাধান:
- গুগলের AMP Cache পরিষ্কার করুন। আপনি যদি সার্ভার সাইডে AMP ক্যাশিং সেটআপ ব্যবহার করেন, তাহলে সেটি সঠিকভাবে কনফিগার করা হয়েছে কিনা যাচাই করুন।
AMP Warnings সমাধানের উপায়
- Use of Deprecated Tags:
- সমস্যা: AMP পেজে পুরনো বা অব্যবহৃত ট্যাগ ব্যবহার করা হলে, AMP এটি সতর্কতার মাধ্যমে জানায়।
- সমাধান:
- গুগলের AMP ডকুমেন্টেশন এবং পৃষ্ঠা বিশ্লেষণ করে নিশ্চিত করুন যে আপনি সর্বশেষ AMP স্পেসিফিকেশন অনুসরণ করছেন। অব্যবহৃত বা deprecated ট্যাগগুলি বাদ দিন এবং নতুন ট্যাগ ব্যবহার করুন।
- Missing Required Attributes:
- সমস্যা: কিছু AMP কম্পোনেন্টের জন্য প্রয়োজনীয় অ্যাট্রিবিউট অনুপস্থিত থাকলে AMP সতর্কতা প্রদান করে।
- সমাধান:
- প্রতিটি AMP কম্পোনেন্টের জন্য গুগল AMP স্পেসিফিকেশন অনুসারে সব আবশ্যক অ্যাট্রিবিউট প্রদান করুন। যেমন,
amp-imgকম্পোনেন্টেwidth,height, এবংsrcফিল্ড থাকা আবশ্যক।
- প্রতিটি AMP কম্পোনেন্টের জন্য গুগল AMP স্পেসিফিকেশন অনুসারে সব আবশ্যক অ্যাট্রিবিউট প্রদান করুন। যেমন,
- Image Aspect Ratio Warning:
- সমস্যা: যখন ইমেজের সঠিক
widthএবংheightবাaspect ratioপ্রদান না করা হয়, তখন AMP একটি ওয়ার্নিং তৈরি করতে পারে। - সমাধান:
- প্রতিটি ইমেজের জন্য সঠিক
widthএবংheightঅ্যাট্রিবিউট ব্যবহার করুন এবং সেগুলোর আসল অনুপাত অনুসরণ করুন।
- প্রতিটি ইমেজের জন্য সঠিক
- সমস্যা: যখন ইমেজের সঠিক
- Inline CSS Style Warning:
- সমস্যা: AMP স্পেসিফিকেশন অনুসারে, কিছু ক্ষেত্রে inline CSS স্টাইল নিষিদ্ধ হতে পারে।
- সমাধান:
amp-customএর মাধ্যমে সিএসএস ফাইল ব্যবহার করুন এবং এটি ৫০ কিলোবাইটের বেশি হওয়া উচিত নয়। প্রয়োজনে, কাস্টম CSS স্টাইল অ্যাপ্লাই করতে হলে সেগুলিকে পৃথক ফাইলে রাখতে হবে।
- Non-AMP Scripts:
- সমস্যা: AMP পেজে যদি কোন সেকেন্ডারি স্ক্রিপ্ট ব্যবহার করা হয় যা AMP স্পেসিফিকেশন অনুযায়ী অনুমোদিত নয়, তবে AMP একটি ওয়্যার্নিং দেখাবে।
- সমাধান:
- AMP পেজে শুধুমাত্র গুগল থেকে অনুমোদিত AMP JS এবং স্টাইলশিট ব্যবহার করুন। অন্য স্ক্রিপ্ট বা সি-ডি-এন থেকে লোড করা স্ক্রিপ্টগুলি ব্যবহার না করার চেষ্টা করুন।
AMP Error এবং Warning সমাধানে ব্যবহৃত টুলস
- AMP Validator:
- AMP Validator টুলটি ব্যবহার করে আপনি AMP পেজ বা ইমেইল কোডের সমস্ত ইরর ও ওয়ার্নিং চেক করতে পারেন। এটি আপনাকে কোন কোন অংশে ভুল বা সমস্যা রয়েছে তা জানায়।
- লিঙ্ক: AMP Validator
- AMP Dev Tools:
- AMP Dev Tools ব্রাউজার প্লাগিন হিসেবে অ্যাভেইলেবল, যা AMP পেজের কনসোল এড়িয়ে সঠিক বিশ্লেষণ প্রদান করে।
- AMP Cache Checker:
- গুগলের AMP Cache পরীক্ষা করার জন্য আপনি AMP Cache টুল ব্যবহার করতে পারেন। এটি পেজের ক্যাশিং সমস্যা সমাধান করতে সহায়তা করবে।
উপসংহার
AMP পেজ বা ইমেইল তৈরি এবং অপ্টিমাইজেশন একটি সঠিক প্রক্রিয়া অনুসরণ করা উচিত যাতে কোডের যে কোনও ধরনের ত্রুটি বা সমস্যা সমাধান করা যায়। AMP Validator, AMP Dev Tools এবং অন্যান্য টুলস ব্যবহার করে AMP পেজে ইরর ও ওয়ার্নিং নিরীক্ষণ ও সমাধান করা সম্ভব। AMP ডকুমেন্টেশন এবং গুগলের টুলস অনুসরণ করলে AMP পেজের পারফরম্যান্স এবং সঠিক প্রদর্শন নিশ্চিত করা সম্ভব।
Content added By
Read more
